<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <ul id="lis"></ul>
  <script>
    let lessons = [
      { title: '章节一', author: '张三' },
      { title: '章节二', author: '李四' },
      { title: '章节三', author: '王五' }
    ]
    let lis = document.querySelector('#lis')
    lis.innerHTML =
      lessons.map((item) => {
        return links`<li>课程：${item.title}, 讲师：${item.author}</li>`
      }).join('')

    function links(strings, ...args) {
      return strings.map((item,key) => {
        return item + (args[key] ? 
        args[key].replace('张三', `<a href='http://www.baidu.com'>张三</a>`)
         : '')
      }).join('')
    }
  </script>
</body>

</html>